<template>
  <div>

    <myheader></myheader>

    <main class="" id="main-collapse">

      <div class="hero-full-wrapper">
        <div class="grid">
          <div class="gutter-sizer"></div>
          <div class="grid-sizer"></div>

          <!-- 面包屑导航 -->
          <bread :datas="this.datas"></bread>

        </div>
      </div>


    </main>


  </div>

</template>


<script>
  // 导入头部组件
  import myheader from './myheader'
  // 导入面包屑组件
  import bread from './bread'

  export default {
    data() {
      return {
        msg: "这是一个变量",
        datalist: [],
        // 面包屑变量
        datas: [{title: '首页'}]
      }
    },
    // 组件化
    components: {
      'myheader': myheader,
      'bread': bread
    },

    mounted: function () {


    },

    methods: {}
  }


</script>

<style>


</style>
